<#import "../layout/player.html" as com>
<@com.page title="Hài Hước Hot Youtube" pageId="pageVtubeHome" data={'css':'clip/clip-vntube', 'js':'clip/clip-vntube',  'ver':'a0d'}>
<div id="zclipApp">
	<form role="form" id="searchForm" action="#" method="get" onsubmit="return false;">
	<div class="input-group search-box">
		<span class="input-group-btn"><button class="btn btn-default del-button" type="button">&nbsp;</button></span>
		<input type="text" class="form-control" value="" placeholder="tìm tên clip" autocomplete="off" id="keyword"/>
		<span class="input-group-btn"><input class="btn btn-default go-button" type="submit" value=""/></span>
	</div>
	</form>
	
	<form role="form" id="filterForm" class="filters">
		<div class="btn-group btn-group-justified">
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Mới</span> <span class="caret"></span></button>
				<ul class="dropdown-menu" role="menu" id="sorts">
					<li><a href="#"><label><input type="radio" name="orderby" value="date" checked="checked"/><span>Mới</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="orderby" value="views"/><span>HOT</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="orderby" value="rand"/><span>Ngẫu nhiên</span></label></a></li>
				</ul>
			</div>
			<div class="btn-group">
				<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="label-text">Thể loại</span> <span class="caret"></span></button>
				<ul class="dropdown-menu dropdown-menu-right" role="menu" id="cats">
					<li><a href="#"><label><input type="radio" name="g" value="" checked="checked"/><span>Thể loại</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="video-hai"/><span>Hài</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="video-music"/><span>Music</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="vpop"/><span>— VPOP</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="rap-viet"/><span>— Rap Việt</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="us-uk"/><span>— US-UK</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="kpop"/><span>— KPOP</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="jpop"/><span>— JPOP</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="music-cover"/><span>— Cover</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="shock"/><span>Shock</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="baby"/><span>Baby</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="hot-girl"/><span>Hot Girl</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="dong-vat"/><span>Pet</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="hoat-hinh"/><span>Hoạt Hình</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="cuoc-song"/><span>Life</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="nghe-thuat"/><span>Nghệ Thuật</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="khoa-hoc"/><span>Khoa Học</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="am-thuc"/><span>Ẩm Thực</span></label></a></li>
					<li><a href="#"><label><input type="radio" name="g" value="phim"/><span>Phim</span></label></a></li>
				</ul>
				<input type="hidden" name="p" value="1" id="page"/>
			</div>
		</div>
	</form>
	
	<div>
		<div id="tabClips">
			<div id="clips" class="clearfix clips">
				<a class="item clip" href="#" code="9419">
					<div class="cw">
						<img src="http://vntube.tv/wp-content/uploads/2014/08/between-the-raindrops-320x180.jpg""/>
						<div class="iw">
							<h4>Between The Raindrops</h4>
							<h5>Between The Raindrops</h5>
						</div>
					</div>
				</a>
			</div>
			<div id="clipsMore" class="clips-more" style="display:none;">Xem thêm <span class="caret"></span></div>
		</div>
	</div>
	
</div>
</@com.page>